<template>
  <div>
    <heard :topshow="topshow" :cont="cont" />
    <div>
      <img
        src="https://www.pdd-fapiao.com/images/download/pddweb_zyk_banner@2x.png"
        alt=""
        class="productimg"
      />
    </div>
    <div id="download-content-wrap" class="page-w">
<div id="download-app" class="download-list content-w">
<div class="list-item">
<img src="../static/fe2c07ff0f9ef845c41dfb580f2c6bb.jpg" alt="" class="item-img">
<div class="item-text">
    <p class="item-name">票芊芊小程序</p>
    <p class="item-tips">扫描二维码下载</p>
</div>
</div>
</div>
    </div>
    <footers />
  </div>
</template>

<script>
import heard from "@/components/heard";
import footers from "@/components/footer";
export default {
  components: {
    heard,
    footers,
  },
  data() {
    return {
      topshow: false,
      cont: 5,
    };
  },
  mounted() {
    window.addEventListener("scroll", this.scrollHandle);
  },
  methods: {
    scrollHandle(e) {
      let top = e.srcElement.scrollingElement.scrollTop; // 获取页面滚动高度
      if (top >= 500) {
        this.topshow = true;
      } else {
        this.topshow = false;
      }
    },
  },
};
</script>

<style scoped>
.productimg {
  width: 100%;
}
.page-w {
    width: 100%;
    min-width: 1200px;
}
#download-content-wrap {
    background: #f1f1f1;
}
.content-w {
    width: 100%;
    max-width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
#download-content-wrap .download-content {
    background: #fff;
}
#download-content-wrap #download-app {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: baseline;
    flex-wrap: wrap;
    padding: 50px 10%;
    min-height: 80vh;
}
#download-content-wrap .download-list {
    background: #fff;
    padding: 50px 50px 150px;
    box-sizing: border-box;
}
#download-app .list-item {
    width: 25%;
    text-align: center;
    margin-bottom: 30px;
}
#download-app .list-item .item-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}
#download-app .list-item .item-text {
    line-height: 1.5;
}
#download-app .list-item .item-tips {
    font-size: 14px;
    color: #666;
}
</style>
